<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="<%=basePath %>front/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=basePath %>front/css/component.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=basePath %>front/css/export.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=basePath %>front/css/flipclock.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=basePath %>front/css/circles.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=basePath %>front/css/style_grid.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=basePath %>front/css/style.css" rel="stylesheet" type="text/css" media="all" />

<!-- font-awesome-icons -->
<link href="<%=basePath %>front/css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome-icons -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet">
</head>
<body>
<!-- banner -->
<div class="wthree_agile_admin_info">
		  <!-- /w3_agileits_top_nav-->
		  <!-- /nav-->
		  <jsp:include page="top.jsp"></jsp:include>
		<div class="clearfix"></div>
		<!-- //w3_agileits_top_nav-->




		<!-- 四大模块-->
				<div class="inner_content">
				    <!-- /inner_content_w3_agile_info-->
					<div class="inner_content_w3_agile_info">
					<!-- /agile_top_w3_grids-->
					   <div class="agile_top_w3_grids">
					          <ul class="ca-menu">
									<li>
										<a href="<%=basePath %>front/jsp/draw.jsp">
											
											<i class="fa fa-building-o" aria-hidden="true"></i>
											<div class="ca-content">
												<h4 class="ca-main" id="integralNum">${USER.integralNum }</h4>
												<h3 class="ca-sub">我的积分数量</h3>
											</div>
										</a>
									</li>
									<li>
										<a href="#">
										  <i class="fa fa-user" aria-hidden="true"></i>
											<div class="ca-content">
												<h4 class="ca-main one" id="loginDays">${USER.loginDays }</h4>
												<h3 class="ca-sub one">我的登录天数</h3>
											</div>
										</a>
									</li>
									<li>
										<a href="<%=basePath%>front/jsp/myPrizeList.jsp">
											<i class="fa fa-database" aria-hidden="true"></i>
											<div class="ca-content">
											<h4 class="ca-main two">查看</h4>
												<h3 class="ca-sub two">我抽到的奖品</h3>
											</div>
										</a>
									</li>
									<li>
										<a href="<%=basePath%>front/jsp/addMoney.jsp">
											<i class="fa fa-tasks" aria-hidden="true"></i>
											<div class="ca-content">
												<h4 class="ca-main three" id="money">${USER.money }</h4>
												<h3 class="ca-sub three">我的财产</h3>
											</div>
										</a>
									</li>
										<li>
										<a href="<%=basePath%>front/jsp/store.jsp">
											<i class="fa fa-clone" aria-hidden="true"></i>
											<div class="ca-content">
												<h4 class="ca-main four">商城</h4>
												<h3 class="ca-sub four">去买点东西吧</h3>
											</div>
										</a>
									</li>
									<div class="clearfix"></div>
								</ul>
					   </div>
					 <!-- //agile_top_w3_grids-->
						<!-- /agile_top_w3_post_sections-->






								   
						
						
						<!-- //bottom_agileits_grids-->
												<!-- /weather_w3_agile_info-->
						
						<!-- //weather_w3_agile_info-->
						<!-- /social_media-->
						  <div class="social_media_w3ls" id="findFour">
						 
						      <div class="col-md-3 socail_grid_agile facebook">
                                     <ul class="icon_w3_info">
									   <li><a href="#" class="wthree_facebook"> <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
									   <li>Facebook</li>
									 </ul>
									  <ul class="icon_w3_social">
									    <li><i class="fa fa-comment-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-envelope-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-user" aria-hidden="true"></i></li>
                                      </ul>
									 <div class="clearfix"></div>
									  <div class="bottom_info_social">
									 <div class="col-md-4 agile_w3l_social_media_text_img">
									    <img src="images/admin.jpg" alt="">
									 </div>
									  <div class="col-md-8 agile_w3l_social_media_text">
									    <h4>Hurisa Joe</h4>
										<p>Lorem ipsum dolor sit amet</p>
									 </div>
									
									 <div class="clearfix"></div>
									 </div>
                              </div>
							  <div class="col-md-3 socail_grid_agile twitter">
                                         <ul class="icon_w3_info">
									   <li><a href="#" class="wthree_facebook"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
									   <li>Twitter</li>
									 </ul>
									  <ul class="icon_w3_social">
									    <li><i class="fa fa-comment-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-envelope-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-user" aria-hidden="true"></i></li>
                                      </ul>
									 <div class="clearfix"></div>
									  <div class="bottom_info_social">
									 <div class="col-md-4 agile_w3l_social_media_text_img">
									    <img src="images/a1.jpg" alt="">
									 </div>
									  <div class="col-md-8 agile_w3l_social_media_text">
									    <h4>Jasmin Joe</h4>
										<p>Lorem ipsum dolor sit amet</p>
									 </div>
									
									 <div class="clearfix"></div>
									 </div>
                              </div>
							  <div class="col-md-3 socail_grid_agile gmail">
                                     <ul class="icon_w3_info">
									   <li><a href="#" class="wthree_facebook"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
									   <li>Google+</li>
									 </ul>
									  <ul class="icon_w3_social">
									    <li><i class="fa fa-comment-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-envelope-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-user" aria-hidden="true"></i></li>
                                      </ul>
									 <div class="clearfix"></div>
									  <div class="bottom_info_social">
									 <div class="col-md-4 agile_w3l_social_media_text_img">
									    <img src="images/a2.jpg" alt="">
									 </div>
									  <div class="col-md-8 agile_w3l_social_media_text">
									    <h4>John Pal</h4>
										<p>Lorem ipsum dolor sit amet</p>
									 </div>
									
									 <div class="clearfix"></div>
									 </div>
                              </div>
							  <div class="col-md-3 socail_grid_agile dribble">
							  
							     <ul class="icon_w3_info">
									  <li><a href="#" class="wthree_facebook"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
									   <li>Dribbble</li>
									 </ul>
									  <ul class="icon_w3_social">
									    <li><i class="fa fa-comment-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-envelope-o" aria-hidden="true"></i></li>
										<li><i class="fa fa-user" aria-hidden="true"></i></li>
                                      </ul>
									 <div class="clearfix"></div>
									  <div class="bottom_info_social">
									 <div class="col-md-4 agile_w3l_social_media_text_img">
									    <img src="images/a4.jpg" alt="">
									 </div>
									  <div class="col-md-8 agile_w3l_social_media_text">
									    <h4>Honey Pal</h4>
										<p>Lorem ipsum dolor sit amet</p>
									 </div>
									
									 <div class="clearfix"></div>
									 </div>

                              </div>
							  <div class="clearfix"></div>
													
						</div>
						<!-- //social_media-->
				    </div>
					<!-- //inner_content_w3_agile_info-->
				</div>
		<!-- //inner_content-->
	</div>
<!-- banner -->
<!--copy rights start here-->

<!--copy rights end here-->
<!-- js -->



</body>
</html>
<script>
$(document).ready(function(){
	show();
});
	function show(){
		debugger;
		
		var integralNum = document.getElementById("integralNum");
		var loginDays = document.getElementById("loginDays");
		var money = document.getElementById("money");
		integralNum.innerHTML='';
		loginDays.innerHTML='';
		money.innerHTML='';
		$.ajax( {
						url:'<%=basePath%>puser/show',
						async: false,
						type:'post',
						data: {
							
						},
						datatype : "json",//"xml", "html", "script", "json", "jsonp", "text".           
						success : function(data) {
							var json=eval('(' + data + ')');
							$.each(json, function (n, item) {
								$("#integralNum").append(item.integralNum);
								$("#loginDays").append(item.loginDays);
								$("#money").append(item.money);
							});
							findFour();
						},
						error : function() {
			                alert("异常！！！");
			                selAllFriend();	
			            }
				});
	}
	function findFour(){
		debugger;
		
		var l = document.getElementById("findFour");
		l.innerHTML='';
		$.ajax( {
						url:'<%=basePath %>myprize/findFour',
						async: false,
						type:'post',
						data: {
							
						},
						datatype : "json",//"xml", "html", "script", "json", "jsonp", "text".           
						success : function(data) {
							var json=eval('(' + data + ')');
							$.each(json, function (n, item) {
								
								addGift(n,item);
							});
						},
						error : function() {
			                alert("异常！！！");
			              
			            }
				});
	}
	function addGift(n,item){
		var val = "<div class=\"col-md-3 socail_grid_agile facebook\" style=\"margin-left:3px; width:24.8%;\">"+
        "<ul class=\"icon_w3_info\">"+
		  " <li><a href=\"#\" class=\"wthree_facebook\"> <i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>"+
		   "<li>"+item.createtime+"</li>"+
		 "</ul>"+
		 " <ul class=\"icon_w3_social\">"+
		    "<li><i class=\"fa fa-comment-o\" aria-hidden=\"true\"></i></li>"+
			"<li><i class=\"fa fa-envelope-o\" aria-hidden=\"true\"></i></li>"+
			"<li><i class=\"fa fa-user\" aria-hidden=\"true\"></i></li>"+
       "</ul>"+
		 "<div class=\"clearfix\"></div>"+
		  "<div class=\"bottom_info_social\">"+
		 "<div class=\"col-md-4 agile_w3l_social_media_text_img\">"+
		    "<img src=\"\">"+
		 "</div>"+
		  "<div class=\"col-md-8 agile_w3l_social_media_text\">"+
		    "<h4>"+item.phone+"</h4>"+
			"<p>获得 "+item.prize+"</p>"+
		 "</div>"+
		
		 "<div class=\"clearfix\"></div>"+
		 "</div>"+
"</div>";

		$("#findFour").append(val);
	}
</script>